@CHARSET "utf-8";



/*************** Table for seats ****************/
#blocks {	
	cursor: default;
	border-style: solid;
	border-width: medium;
	border-color: rgb(251, 159, 34);
	-moz-border-radius: 5px;
	
	/******** spaces between tds *********/
	border-spacing: 0.5em;

	/* why is its corner not rounded?*/
	-moz-border-radius: 5px;
}

#blocks tbody tr td {
	padding: 1em;
	border-width: thin;
	text-align: center;

	/******** prevent selecting text in td *********/
	-moz-user-select: none;
}

.blocksFixedSeat {
	border-style: solid;
	background-color: gray;
}

.blocksTempSeat {
	border-style: solid;
	background-color: aqua;	
}

.blocksNormalSeat {
	border-style: solid;
	background-color: green;
}

.blocksSelectSeat {
	border-style: solid;
	background-color: red;
}

.blocksMidWay {	
	/*background-color: gray;*/ 

}

/* deprecated */
.blocksHoverSeat {
	border-style: solid;
	background-color: yellow;
}



/**************** Instruction for selecting seat **************/
#instruction {		
	border-style: solid;
	border-width: medium;
	border-color: rgb(251, 159, 34);
	-moz-border-radius: 5px;	
}

#instruction tr td {	
	background-color: rgb(192, 218, 255);
}

/**************** Do you select seat? ^^ **************/
#selectSeat {	
	margin-left: 1em;
	border-style: solid;
	border-width: medium;
	border-color: rgb(251, 159, 34);
	-moz-border-radius: 5px;
}

#selectSeat tr td {
	background-color: rgb(192, 218, 255);
	padding: 0em 1em 0em 1em;
	height: 3em;	
}

#seatCountYouWant {

}

#orderTickets {

}

#optional {
	text-align: center;	
	border-top-style: solid;
	border-top-width: medium;
	border-color: rgb(251, 159, 34);
}





